page-test {
        background:#fff;
        #search-bar {
          // background: #f53d3d;
          // ion-searchbar {
          //   width: 96%;
          //   margin:0 auto;
          //   border-radius: 6px;
          //   background-color: #fff;
          //   color: #000;
          //   font-size: 14px;
          // }
        }
    
        ion-navbar {
          position: relative;
        }
      
        .img {
          position: absolute;
          width: 25px;
          height: 25px;
          top: 15px;
          border-radius: 50%;
          left: 4.5%;
        }
      
        .biaoti {
          // position: absolute;
          // font-size: 25px;
          // left: 35%;
          // top: 12px;
          // color: white;
          // font-weight: bold;
          // font-style: italic;
        }
        .icon {
          position: absolute;
          color: white;
          top: 15px;
          font-size: 25px;
          left: 89%;
        } 
      
        $slide-height-small: 40px;
        $slide-height-large: 50px;
        
        .slide-title {
          background-color: white;
          width: 100%;
          height: $slide-height-small;
          color: #666666;
          padding: 0;
        }
        
        .slide-title-unit {
          padding-bottom: 8px;
          font-size: 14px;
          height: $slide-height-small;
          line-height: $slide-height-small;
        }
        
        .slide-title-active {
          color: red;
          // color: map_get($colors, primary);
          // border-bottom: 3px solid map_get($colors, primary);
        }
        .slide-content {
          // position: relative;
          // margin-top:60px;
          width: 100%;
          //设置内容高度
          // .slide-zoom {
          //   height: 90%;
          // }
        }
      
        .list-title {
          position: relative;
          font-size: 14px;
          white-space: normal; //换行
        }
        .list-author {
          position: relative;
          font-size: 12px;
          color: gray;
        }
        .list-date {
          // float: left;
          margin-left: 8px;
          font-size: 12px;
          color: gray;
        }
        .list-picture {
          position: absolute;
          left: 65%;
          top: 10px;
          img{
            width: 150px;
            height: 80px;
          }
        }
        .list-picture2 {
          width: 100%;
          margin-top: 10px;
          img{
            width: 32%;
            margin-left: 0.5%;
            height: 86px;
          }
        }
    
        // 如果分割线显示不出来，则使用
        // ion-list自带item分割线长度是0.55px，而移动端小于1px直接显示为0px
        .list-ios .item-block .item-inner{
          padding: 0px; //移除ion-list的内边距
          border-bottom-width: 1px !important;
        }
        .list-md .item-block .item-inner{
          padding: 0px;
          border-bottom-width: 1px !important;
        }
    
    
        //searchbar外面没有嵌套toolbar或者navbar，则可以这样修改（标签在官方文档对于的控件中查找sass属性）
         $searchbar-ios-background-color: #f53d3d;
         $searchbar-ios-input-search-icon-color:#000;
         $searchbar-ios-input-placeholder-color:gray;
         $searchbar-ios-input-text-color:#000;
    
        //toolbar嵌套searchbar， 需要进行如下修改， 才可以更改searchbar的样式（以下标签需要在main.css里面查找，找起来会有点麻烦，要一点点试试才知道）
        .toolbar .searchbar-ios .searchbar-input {
          background: #fff;
          color: #000;
        }
    
        .toolbar-ios-twitter .searchbar-ios .searchbar-input::-moz-placeholder {
          color: rgba(0, 0, 0, 0.8);
        }
        
        .toolbar-ios-twitter .searchbar-ios .searchbar-input:-ms-input-placeholder {
          color: rgba(0, 0, 0, 0.8);
        }
        
        .toolbar-ios-twitter .searchbar-ios .searchbar-input::-webkit-input-placeholder {
          color: rgba(0, 0, 0, 0.8);
        }
    
        .toolbar-ios-twitter .searchbar-ios .searchbar-clear-icon {
          background-image: url("../../assets/icon/close-1.png");
        }
    
        .toolbar-ios-twitter .searchbar-ios .searchbar-search-icon {
          background-image: url("../../assets/icon/search-1.png");
        }
        
    
        
    }
    

